<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh_ch" class="ie8 no-js" xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 9]>
<html lang="zh_ch" class="ie9 no-js" xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh_ch" class="no-js" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <base href="${basePath}"/>
    <meta charset="utf-8"/>
    <title>后台管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet"
          type="text/css"/>
    <link href="metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <link href="tools/select/skin/select2.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="metronic/assets/global/plugins/datatables/extensions/Scroller/css/dataTables.scroller.min.css"/>
    <link rel="stylesheet" type="text/css" href="metronic/assets/global/plugins/datatables/extensions/ColReorder/css/dataTables.colReorder.min.css"/>
    <link rel="stylesheet" type="text/css" href="metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <link href="metronic/assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <!-- BEGIN PAGE STYLES -->
    <link href="metronic/assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="metronic/assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"
          id="style_color"/>
    <link href="metronic/assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<body class="page-header-fixed page-quick-sidebar-over-content page-sidebar-closed-hide-logo page-container-bg-solid">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <a href="javascript:void(0)">
                <img src="metronic/assets/admin/layout/img/logo-big.png" alt="logo" class="logo-default"/>
            </a>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse"
           data-target=".navbar-collapse">
        </a>
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                <li class="dropdown dropdown-user">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <img alt="" class="img-circle" src="metronic/assets/admin/layout/img/avatar3_small.jpg"/>
                        <span class="username username-hide-on-mobile" th:text="${username}"></span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-default">
                        <li>
                            <a href="javascript:void(0)" id="changPwd">
                                <i class="icon-user"></i> 修改密码 </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" id="logout">
                                <form method="post" action="logout" id="logout_form">
                                    <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                                    <i class="icon-key"></i> 退出
                                </form>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- END USER LOGIN DROPDOWN -->
            </ul>
        </div>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <ul class="page-sidebar-menu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                <li class="sidebar-toggler-wrapper">
                    <div class="sidebar-toggler">
                    </div>
                </li>
                <li class="sidebar-search-wrapper">
                    <br/>
                </li>
                <th:block th:each="menu : ${menuList}">
                    <li name="menu" th:if="${menu.children}">
                        <a href="javascript:;">
                            <i class="icon-folder"></i>
                            <span class="title" th:text="${menu.resourceName}"></span>
                            <span class="arrow "></span>
                        </a>
                        <ul class="sub-menu">
                            <th:block th:each="second : ${menu.children}">
                                <li th:if="${second.children}">
                                    <a href="javascript:;">
                                        <i class="icon-folder"></i><span class="title" th:text="${second.resourceName}"></span><span class="arrow"></span>
                                    </a>
                                    <th:block th:each="third : ${second.children}">
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="javascript:;" name="childMenu" th:attrappend="data-id=${third.id}, data-menu=${menu.resourceName} +','+${second.resourceName}+','+${third.resourceName}, data-url=${third.resourcePath}">
                                                    <i class="icon-user"></i>
                                                    <span class="title" th:text="${third.resourceName}"></span>
                                                </a>
                                            </li>
                                        </ul>
                                    </th:block>
                                </li>
                                <li th:unless="${second.children}">
                                    <a href="javascript:;" name="childMenu" th:attrappend="data-id=${second.id}, data-menu=${menu.resourceName} +','+${second.resourceName}, data-url=${second.resourcePath}">
                                        <i class="icon-settings"></i>
                                        <span class="title" th:text="${second.resourceName}"></span>
                                    </a>
                                </li>
                            </th:block>
                        </ul>
                    </li>
                    <li name="menu" class="start active open" th:unless="${menu.children}">
                        <a href="javascript:;" th:attrappend="data-id=${menu.id}, data-menu=${menu.resourceName}, data-url=${menu.resourcePath}">
                            <i class="icon-home"></i>
                            <span class="title" th:text="${menu.resourceName}"></span>
                            <span class="selected"></span>
                        </a>
                    </li>
                </th:block>
            </ul>

            <!-- END SIDEBAR MENU -->
        </div>
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <!-- BEGIN STYLE CUSTOMIZER -->
            <div class="theme-panel hidden-xs hidden-sm">
                <div class="toggler" style="display: none">
                </div>
                <div class="toggler-close">
                </div>
                <div class="theme-options">
                    <div class="theme-option theme-colors clearfix">
						<span>
						THEME COLOR </span>
                        <ul>
                            <li class="color-default current tooltips" data-style="default" data-container="body"
                                data-original-title="Default">
                            </li>
                            <li class="color-darkblue tooltips" data-style="darkblue" data-container="body"
                                data-original-title="Dark Blue">
                            </li>
                            <li class="color-blue tooltips" data-style="blue" data-container="body"
                                data-original-title="Blue">
                            </li>
                            <li class="color-grey tooltips" data-style="grey" data-container="body"
                                data-original-title="Grey">
                            </li>
                            <li class="color-light tooltips" data-style="light" data-container="body"
                                data-original-title="Light">
                            </li>
                            <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true"
                                data-original-title="Light 2">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- END STYLE CUSTOMIZER -->
            <div class="page-bar">
                <ul class="page-breadcrumb" id="breadcrumb">
                    <li name="navigation">
                        <i class="fa fa-home"></i>
                        <a href="/sss/ss">Home</a>
                    </li>
                </ul>
                <div class="page-toolbar" style="padding-top: 10px">
                    当前时间：<span id="currentTime"></span>
                </div>
            </div>
            <br/>
            <div id="mainContent" scrolling="yes" style="background-color: #f3f3fa;width: 98%">
                <h1>我是首页，是不是萌萌哒</h1>
            </div>
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->
<div class="page-footer">
    <div class="page-footer-inner">
        #*2014 &copy; Metronic by keenthemes. <a
            href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes"
            title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase
        Metronic!</a>*#
    </div>
    <div class="scroll-to-top">
        <i class="icon-arrow-up"></i>
    </div>
</div>
<div id="changePasswordWarp" class="portlet-body form" style="display: none;width: 99%">
    <form action="pass/doChangePassword.do" id="changePasswordForm" method="post" class="form-horizontal">
        <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
        <div class="form-body">
            <div class="form-group">
                <label class="control-label col-md-3">旧密码 <span class="required">* </span>
                </label>
                <div class="col-md-8">
                    <input type="password" name="oldPassword" data-required="6" id="oldPassword" placeholder="请输入旧密码"
                           class="form-control"/>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3">新密码 <span class="required">* </span>
                </label>
                <div class="col-md-8">
                    <input type="password" name="newPassword" id="newPassword" placeholder="请输入新密码"
                           class="form-control"/>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3">确认密码 <span class="required">* </span>
                </label>
                <div class="col-md-8">
                    <input type="password" name="confirmNewPassword" id="confirmNewPassword" placeholder="请输入确认新密码"
                           class="form-control"/>
                </div>
            </div>
        </div>
    </form>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="metronic/assets/global/plugins/respond.min.js"></script>
<script src="metronic/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="tools/select/select2.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js"
        type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery-validation/js/jquery.validate.min.js"
        type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery-validation/js/localization/messages_zh.js"
        type="text/javascript"></script>
<script type="text/javascript"
        src="metronic/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="tools/bower_components/datatables-plugins/api/fnReloadAjax.js"></script>
<script type="text/javascript"
        src="metronic/assets/global/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
<script type="text/javascript"
        src="metronic/assets/global/plugins/datatables/extensions/ColReorder/js/dataTables.colReorder.min.js"></script>
<script type="text/javascript"
        src="metronic/assets/global/plugins/datatables/extensions/Scroller/js/dataTables.scroller.min.js"></script>
<script type="text/javascript"
        src="metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>
<!-- IMPORTANT! fullcalendar depends on jquery-ui.min.js for drag & drop support -->
<script src="metronic/assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js"
        type="text/javascript"></script>
<script src="metronic/assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="metronic/assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="metronic/assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
<script src="modules/main/mainIndex.js" type="text/javascript"></script>
<script src="tools/layer/layer.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/requirejs-setup.js"></script>
<script src="tools/dojo/dojo.js"></script>

<script src="js/common.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function () {
        Metronic.init(); // init metronic core componets
        Layout.init(); // init layout
        Demo.init(); // init demo features
        IndexMain.init();
        require(["modules/home/index"], function (view) {
            view.initPage();
        });
    });
    function changeFrameHeight() {
        var ifm = document.getElementById("myiframe");
        ifm.height = document.documentElement.clientHeight - 160;
    }
</script>
<!-- END JAVASCRIPTS -->
</body>

</html>
